<!DOCTYPE html>
<html xmlns:th="http://www.w3.org/1999/xhtml">

<head>
    <meta charset="UTF-8">
    <title>数据源管理</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="icon" th:href="@{/static/console/common/images/favicon.ico}">
    <link rel="stylesheet" type="text/css" th:href="@{/static/console/common/layui/css/layui.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/static/console/jqueryPages/jquery-pages.css}" />
    <link rel="stylesheet" type="text/css" th:href="@{/static/console/css/public.css}"/>
    <link rel="stylesheet" type="text/css" th:href="@{/static/console/css/system/data-source.css}"/>
</head>

<body>
<div class="paramter-title">
    <!--<h1></h1>-->
</div>
<form class="layui-form">
    <div class="layui-elem-quote searchTools">
        <div class="layui-inline">
<!--            <label class="layui-form-label">数据源名称</label>-->
            <div class="layui-input-inline">
                <input type="text" placeholder="数据源名称" class="layui-input name">
            </div>
        </div>
        <div class="layui-inline">
<!--            <label class="layui-form-label" style="width: 40px;">类型</label>-->
            <div class="layui-input-inline">
                <select class="type">
                    <option value="">选择类型</option>
                    <option value="0">MYSQL</option>
                    <option value="1">SQLSERVER</option>
                    <option value="2">ORACLE</option>
                </select>
            </div>
        </div>
        <div class="layui-inline" style="text-align: center;">
            <a class="layui-btn search-btn"><img src="/static/console/img/b_icon_search.png" />查询</a>
            <a href="javascript:void(0)" class="layui-btn add-btn" style="background-color:#f0ad4e"><img src="/static/console/img/b_icon_add.png" />添加</a>
<!--            <a href="javascript:void(0)" class="layui-btn set-btn" style="background-color:#5d6f97"><img src="/static/console/img/edit.png" />修改</a>-->
<!--            <a href="javascript:void(0)" class="layui-btn del-btn" style="background-color:#d9534f"><img src="/static/console/img/off.png" />禁用</a>-->
<!--            <a href="javascript:void(0)" class="layui-btn on-btn" style="background-color:#5FB878"><img src="/static/console/img/on.png" />启用</a>-->
        </div>
    </div>

</form>
<!--<fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">-->
<!--    <legend>数据源列表</legend>-->
<!--</fieldset>-->
<form class="layui-form">
    <table class="layui-table dataSourceList" lay-filter="table01">
        <thead>
        <tr>
            <th>名称</th>
            <th>code码</th>
            <th>账号(云)</th>
            <th>密码(云)</th>
            <th>类型(云)</th>
            <th>驱动(云)</th>
            <th>URL(云)</th>
            <th>账号(本)</th>
            <th>密码(本)</th>
            <th>类型(本)</th>
            <th>驱动(本)</th>
            <th>URL(本)</th>
            <th>状态</th>
            <th>备注</th>
            <th>操作</th>
        </tr>
        </thead>
        <tbody class="tableList">

        </tbody>
    </table>
    <div class="dataSourceListPage pages"></div>
</form>

<!--添加弹窗-->
<div class="msgModal addModal">
    <div class="msgBox">
        <div class="msgBox-title">
            <h3 style="text-align: left; padding-left: 80px;">添加数据源</h3>
            <a class="close" href="javascript:void(0);"><img src="/static/console/img/close-btn.png" /></a>
        </div>
        <div class="msgBox-con">
            <form class="layui-form" style="width: 60%;">
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label">名称</label>
                        <div class="layui-input-inline">
                            <input type="text" class="layui-input name" lay-verify="required" placeholder="请输入数据源名称">
                        </div>
                    </div>
                    <div class="layui-inline">
                        <label class="layui-form-label">类型(阿里云)</label>
                        <div class="layui-input-inline">
                            <select class="type" lay-verify="required">
                                <option value="0">MYSQL</option>
                                <option value="1">SQLSERVER</option>
                                <option value="2">ORACLE</option>
                            </select>
                        </div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label">code码</label>
                        <div class="layui-input-inline">
                            <input type="text" class="layui-input code" lay-verify="required" placeholder="请输入code码">
                        </div>
                    </div>
                    <div class="layui-inline">
                        <label class="layui-form-label">状态</label>
                        <div class="layui-input-inline">
                            <select class="status" lay-verify="required">
                                <option value="0">正常</option>
                                <option value="1">禁用</option>
                            </select>
                        </div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label">用户名(阿里云)</label>
                        <div class="layui-input-inline">
                            <input type="text" class="layui-input username" lay-verify="required" placeholder="请输入用户名">
                        </div>
                    </div>
                    <div class="layui-inline">
                        <label class="layui-form-label">密码(阿里云)</label>
                        <div class="layui-input-inline">
                            <input type="text" class="layui-input password" lay-verify="required" placeholder="请输入密码">
                        </div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label">连接驱动(阿里云)</label>
                        <div class="layui-input-inline">
                            <input type="text" class="layui-input driver" lay-verify="required" placeholder="请输入连接驱动">
                        </div>
                    </div>
                    <div class="layui-inline">
                        <label class="layui-form-label">连接URL(阿里云)</label>
                        <div class="layui-input-inline">
                            <input type="text" style="width: 600px;" class="layui-input url" lay-verify="required" placeholder="请输入连接URL">
                        </div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label">类型(本地)</label>
                        <div class="layui-input-inline">
                            <select class="localType" lay-verify="required">
                                <option value="0">MYSQL</option>
                                <option value="1">SQLSERVER</option>
                                <option value="2">ORACLE</option>
                            </select>
                        </div>
                    </div>
                    <div class="layui-inline">
                        <label class="layui-form-label">用户名(本地)</label>
                        <div class="layui-input-inline">
                            <input type="text" class="layui-input localUsername" lay-verify="required" placeholder="请输入用户名">
                        </div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label">密码(本地)</label>
                        <div class="layui-input-inline">
                            <input type="text" class="layui-input localPassword" lay-verify="required" placeholder="请输入密码">
                        </div>
                    </div>
                    <div class="layui-inline">
                        <label class="layui-form-label">连接驱动(本地)</label>
                        <div class="layui-input-inline">
                            <input type="text" class="layui-input localDriver" lay-verify="required" placeholder="请输入连接驱动">
                        </div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label">连接URL(本地)</label>
                        <div class="layui-input-inline">
                            <input type="text" style="width: 600px;" class="layui-input localUrl" lay-verify="required" placeholder="请输入连接URL">
                        </div>
                    </div>
                </div>
                <div class="layui-form-item layui-form-text">
                    <label class="layui-form-label">备注</label>
                    <div class="layui-input-block" style="margin-left: 80px;">
                        <textarea placeholder="请输入内容" class="layui-textarea remark" style="resize: none;"></textarea>
                    </div>
                </div>
                <div class="layui-form-item" style="text-align: center;">
                    <div class="">
                        <a class="layui-btn btn-submit" lay-submit lay-filter="addBtns">保存</a>
                    </div>
                </div>
            </form>

        </div>
    </div>
</div>
<!--修改弹窗-->
<div class="msgModal updateModal">
    <div class="msgBox">
        <div class="msgBox-title">
            <h3 style="text-align: left; padding-left: 80px;">修改信息</h3>
            <a class="close" href="javascript:void(0);"><img src="/static/console/img/close-btn.png" /></a>
        </div>
        <div class="msgBox-con">
            <form class="layui-form" style="width: 60%;">
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label">名称</label>
                        <div class="layui-input-inline">
                            <input type="text" class="layui-input name" lay-verify="required" placeholder="请输入数据源名称">
                        </div>
                    </div>
                    <div class="layui-inline">
                        <label class="layui-form-label">类型(阿里云)</label>
                        <div class="layui-input-inline">
                            <select class="type" lay-verify="required">
                                <option value="0">MYSQL</option>
                                <option value="1">SQLSERVER</option>
                                <option value="2">ORACLE</option>
                            </select>
                        </div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label">code码</label>
                        <div class="layui-input-inline">
                            <input type="text" class="layui-input code" lay-verify="required" placeholder="请输入code码">
                        </div>
                    </div>
                    <div class="layui-inline">
                        <label class="layui-form-label">用户名(阿里云)</label>
                        <div class="layui-input-inline">
                            <input type="text" class="layui-input username" lay-verify="required" placeholder="请输入用户名">
                        </div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label">密码(阿里云)</label>
                        <div class="layui-input-inline">
                            <input type="text" class="layui-input password" lay-verify="required" placeholder="请输入密码">
                        </div>
                    </div>
                    <div class="layui-inline">
                        <label class="layui-form-label">连接驱动(阿里云)</label>
                        <div class="layui-input-inline">
                            <input type="text" class="layui-input driver" lay-verify="required" placeholder="请输入连接驱动">
                        </div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label">连接URL(阿里云)</label>
                        <div class="layui-input-inline">
                            <input type="text" class="layui-input url" lay-verify="required" placeholder="请输入连接URL" style="width: 600px;">
                        </div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label">类型(本地)</label>
                        <div class="layui-input-inline">
                            <select class="localType" lay-verify="required">
                                <option value="0">MYSQL</option>
                                <option value="1">SQLSERVER</option>
                                <option value="2">ORACLE</option>
                            </select>
                        </div>
                    </div>
                    <div class="layui-inline">
                        <label class="layui-form-label">用户名(本地)</label>
                        <div class="layui-input-inline">
                            <input type="text" class="layui-input localUsername" lay-verify="required" placeholder="请输入用户名">
                        </div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label">密码(本地)</label>
                        <div class="layui-input-inline">
                            <input type="text" class="layui-input localPassword" lay-verify="required" placeholder="请输入密码">
                        </div>
                    </div>
                    <div class="layui-inline">
                        <label class="layui-form-label">连接驱动(本地)</label>
                        <div class="layui-input-inline">
                            <input type="text" class="layui-input localDriver" lay-verify="required" placeholder="请输入连接驱动">
                        </div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label">连接URL(本地)</label>
                        <div class="layui-input-inline">
                            <input type="text" style="width: 600px;" class="layui-input localUrl" lay-verify="required" placeholder="请输入连接URL">
                        </div>
                    </div>
                </div>
                <div class="layui-form-item layui-form-text">
                    <label class="layui-form-label">备注</label>
                    <div class="layui-input-block" style="margin-left: 80px;">
                        <textarea placeholder="请输入内容" class="layui-textarea remark" style="resize: none;"></textarea>
                    </div>
                </div>
                <div class="layui-form-item" style="text-align: center;">
                    <div class="">
                        <a class="layui-btn btn-submit" lay-submit lay-filter="updateBtns">保存</a>
                    </div>
                </div>
            </form>

        </div>
    </div>
</div>
</body>
<script type="text/javascript" th:src="@{/static/console/assets/js/jquery-3.2.1.min.js}"></script>
<script type="text/javascript" th:src="@{/static/console/common/layui/layui.all.js}"></script>
<script type="text/javascript" th:src="@{/static/console/jqueryPages/jquery-pages.js}"charset="utf-8"></script>
<script type="text/javascript" th:src="@{/static/console/js/pages/base.js}" charset="utf-8"></script>
<script type="text/javascript" th:src="@{/static/console/js/pages/system/data-source.js}" charset="utf-8"></script>

</html>